<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片</title>
</head>
<body>
    <!--
        url: 统一资源定位器 简称 路径
        表现形式分三种：
            1. 绝对路径
                1) 网络资源
            2. 相对路径
                从当前文件开始找目标文件所经过的路径
                1) 同级目录  直接用
                2） 父级目录  先跳出，再进入，再使用
                3) 子级目录  先进入后使用
            3. 根相对路径
    -->
    <!--相对路径-->
    <!--子级目录-->
    <img src="images/1.jpg" alt="图片正在加载" height="160">
    <!--同级目录-->
    <img src="2.webp" alt="图片正在加载" height="160">
    <!--父级目录-->
    <img src="../img/2025-05-26_152329.png" alt="图片正在加载" height="160">

    <hr>
    <!--绝对路径 不是所有的开发工具都能使用，此处Pycharm不能找到图片，从文件夹打开即可-->
    <img src="https://pics1.baidu.com/feed/cb8065380cd79123f06f88725027848fb3b780ce.jpeg@f_auto?token=3d128d1d359c2dbd9fdced989ad4a72c" alt="图片正在加载">
    <img src="D:\PycharmProjects\month01\img\2025-05-26_152329.png" alt="图片正在加载">

    <!--从河南大学官网找到校徽图片地址是 images/logo.png，从网络上无法
        通过此地址找到图片， 需要加上学校域名 https://www.henu.edu.cn/images/logo.png
    -->
    <img src="https://www.henu.edu.cn/images/logo.png" alt="">
    <hr>

    <!--根相对路径， 从web站点开始查找，/ 表示当前web站点-->
    <img src="/day17/images/1.jpg">
    
</body>
</html>